<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
  
   <script type="text/javascript" src="js/jquery-1.6.min.js"></script>	

<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>	
<link rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css">

    <script>
        $(document).ready(function () {
            $("#editor").kendoEditor({
                tools: [
             "bold",
             "italic",
             "underline"
         ]
            });
        });
 
        function openDialog() {
            var $dialog = $('#bulletinDialog').dialog({
                autoOpen: false,
                modal: true,
                width: 400,
                height: 300
            });
 
            $("#bulletinDialog").parent().appendTo($("form:first"));
 
            $dialog.dialog('open');
        }
    </script>
</head>
<body>
<input type="button" value="test dialog" onclick="openDialog();" />
<div id="bulletinDialog" style="display: none;" title="Bulletin">
<textarea id="editor" name="Message" rows="10"></textarea>
</div>
</body>
</html>
